* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  body{
    background-color:rgba(29, 29, 32, 1);
    /* background-color: black; */
    min-height: 100vh;
   
  }

  .container-header{
    /* border-right:  1px solid violet; */
    position: relative;
    /* left: -50px; */
    display: flex;
  }
  /* nav top  */
  .navi{
    display: flex;
    /* align-items: center; */
    /* width: 100%; */
  }
  .button{
    /* border: 1px solid white; */
    border: none;
    /* visibility: hidden; */
    display: none;
  }
  ul{
    margin-left:7.03vw;
    /* margin-top: 2.5vw; */
    margin-top: 3.75vh;
    color: rgba(255, 255, 255, 1);
    padding-left: 0;
    font-family: 'Inter' , sans-serif;
    /* font-size: 1.04vw; */
    font-size: 0.937vw;
    line-height: 1.50vw;
    font-weight: 400;
    width: fit-content;
    margin-bottom: 0;
  }
  .filettoNav{
   margin: 0;
   border: 1.2px solid rgb(255, 255, 255);
   visibility: hidden;
   color: rgba(255, 255, 255, 1);
  }
  .nav1{
    display: flex;
    align-items: center;
  }
  .nav1:hover .navName{
  transform: translateX(22px);
  transition:0.3s;
  /* color: rgb(10, 218, 38); */
  }
  .nav1:hover .filettoNav{
    /* transform: translateX(1px); */
    visibility: visible;
   width:40px;
   animation-name: filettoNav;
   animation-duration: 0.7s;
  }
  @keyframes filettoNav {
    0%{
      width: 0px;
    }
    100%{
      width: 40px;
    }
  }


  a:hover{
    color: white;
  }
  .filettoNav:hover{
    color:rgba(255, 255, 255, 1);
    /* background-color: aqua; */
  }

  /* naV footer */
.navFooter{
    position: absolute;
    width: 100%;
    bottom: 2.5vh;
    /* bottom: 4.166vw; */
    display: flex;
    flex-direction: column;
    /* row-gap: 1.04vw; */
    align-items: center;
    color: white;
  }
  .text{
    display: flex;
    column-gap: 3.49vw;
    font-size: 1.04vw;
    /* font-size: 1.85vw; */
  }
  .buttonUXUI{
    width: 2.083vw;
    height:2.083vw ;
  }
  .nav2{
    display: flex;
    column-gap: 3vw;
  }
  .pallina1{
    cursor: pointer;
    background-image: url('/images/pallina.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* width: 0.67vw;
    height: 0.67vw; */
    width: 1.56vw;
    height: 1.56vw;
  }
  .pallina2{
    cursor: pointer;
    background-image: url('/images/pallina.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 1.56vw;
    height: 1.56vw;
  }
  .pallina1:hover{
    background-image: url('/images/hover-pallina.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.7s;
  }
  .pallina2:hover{
    background-image: url('/images/hover-pallina.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 0.7s;
  }
  /* SCLPORTAFOLIO-------------------------------- */
  /* Modifiche  */
  .wrapperDigitalWire1 .frecciaDigital{
    width: 4.583vw;
    height: 0.78125vw;
    margin: 10.625vw 0 0 1.979vw;
  }
  .wrapperTestoDigital4 .frecciaDigitalVer{
    width: 4.583vw;
    height: 0.78125vw;
    transform: rotate(90deg);
    margin:3.64vw 0 0 0 ;
  }
  main{
    /* border: 0.1px solid red; */
    height: fit-content;
    margin-top: 5.937vw;
    /* width: 100%; */
  }
  .titoloPrincipale{
    width:100%;
    height:6.51vw ;
    background-color: rgba(44, 49, 58, 1);
    display: flex;
    align-items: center;
    /* justify-content: center; */
  }
  .titoloPrincipale h1{
    color:rgba(255, 255, 255, 1) ;
    font-family:'Major Mono Display' , sans-serif;
    font-size: 3.802vw;
    font-weight: 400;
    margin-left: 7.031vw;
  }
  .wrapperProdutto{
    /* border: 1px solid blue; */
    margin-top: 2.187vw;
    color: white;
    /* display: flex; */
  }
  .prodotto{
    display: flex;
    flex-direction: column;
    row-gap: 1.5625vw;
  }
  .prodotto1{
    display: flex;
    justify-content: space-between;
  }
  .prodotto1 h3{
    width: 51.614vw;
    font-family:'Inter', sans-serif ;
    font-size: 1.041vw;
    line-height: 1.822vw;
    font-weight: 400;
    margin-left: 7.031vw;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.8);
  }
  .prodotto1 span{
    font-weight: 700;
    color: rgba(255, 255, 255, 1);
  }
  .wrapperCirconf1{
    display: flex;
  }
  .wrapperCirconf1 h3{
    margin: 0 1.302vw 0 0 ;
    height: fit-content;
    width: fit-content;
  }
  .circonf1{
    background-color:  rgba(255, 255, 255, 1);
    width: 2.083vw;
    height: 2.083vw;
    border-radius: 100%;
    margin-right: 10.3125vw;
    display: flex;
    /* align-items: center; */
    justify-content: center;
  }
  .conettorePrincipale{
    border-right: 2px solid white;
    position: relative;
    /* right: 48%; */
    top: 100%;
    /* height: 1040.927vw; */
    height: 1043vw;
  }
  .userResearch{
    margin-top: 7.1875vw;
  }
  .wrapperPainPoints{
    margin-top: 6.77vw;
    display: flex;
    flex-direction: column;
    row-gap: 0.9375vw;
  }
  .painPoints1{
    width: 58.645vw;
    height: 4.843vw;
    background-color: rgba(44, 49, 58, 1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
  }
  .painPoints1 h3{
    margin-left: 7.031vw;
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
    font-size: 1.041vw;
    line-height: 1.822vw;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    width:44.01vw ;
  }
  .painPoints1 span{
    margin-right: 2.3437vw;
    /* margin-bottom: 0; */
    font-family: 'Inter', sans-serif;
    font-size: 2.083vw;
    font-weight: 500;
  }
  .personas{
    margin-top: 6.354vw;
  }
  .wrapperPersonas{
  margin-top:0.625vw ;
  display: flex;
  flex-direction: column;
  row-gap: 5.416vw;
  }
  .persona1{
  margin-left:6.718vw ;
  display: flex;
  flex-direction: column;
  row-gap:2.8125vw ;
  }
  .riga1{
    display: flex;
    column-gap: 5.052vw;
  }
  .col1riga{
  display: flex;
  column-gap: 1.354vw;
  align-items: center;
  margin-left: 2.8655vw;
  }
  .col1riga h3{
    font-weight: 700;
    color: rgba(255, 255, 255, 1);
    font-family: 'Inter', sans-serif;
    font-size: 1.041vw;
    margin-bottom: 0;
  }
  .frecciaSu{
  width:1.666vw ;
  height: 1.666vw;
  }
  .persGoals{
  /* border: 1px solid blue; */
  width: 23.4375vw;
  height: 18.281vw;
  background-color:rgba(44, 49, 58, 1) ;
  margin-top: 1.5625vw;
  }
  .persGoals div {
    display: flex;
  flex-direction: column;
  row-gap:1.822vw ;
  padding-bottom: 2.708vw;
  padding-top:1.5625vw ;
  }
  .persGoals h3{
  margin-left: 1.666vw;
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
  font-size: 1.041vw;
  line-height: 1.822vw;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  width:19.531vw ;
}
.persGoals1 h3{
  width: 16.2vw;
}
.sclPers1{
  margin-top: 1.5625vw;
  width: 18.2812vw;
  height: 18.2812vw;
}
.wrapperJourneryMaps{
  margin-top: 6.77vw;
}
.journeyMaps .journeyMaps1 h3 {
  width: 56.979vw;
  margin-left: 0;
}
.journeyMap{
  display: flex;
  margin-left:6.77vw ;
  column-gap: 2.0833vw;
  align-items: center;
}
.sclJourney1{
  width:4.27vw ;
  height: 4.27vw;
}
.wrapperContenitore{
  display: flex;
  flex-direction: column;
  row-gap: 1.041vw;
  margin-top: 3.125vw;
}
.contenitore1{
  width:86.302vw ;
  height: 4.8437vw;
  background-color: rgba(44, 49, 58, 1);
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
}
.contenitore1 h3{
  font-weight: 700;
    color: rgba(255, 255, 255, 1);
    font-family: 'Inter', sans-serif;
    font-size: 1.04vw;
    margin-bottom: 0;
    line-height: 1.822vw;
}
.contenitore1 .testo1{
  margin-left: 7.247vw;
}
.contenitore1 .testo2 h3{
  margin-left: 4.070vw;
  width: 10.31vw;
  /* width: fit-content; */
}
.contenitore1 .testo3 h3{
  margin-left: 3.241vw;
  width: 12.916vw;
}
.contenitore1 .testo4 h3{
  margin-left: 0.7375vw;
  width:9.531vw;
}
.contenitore1 .testo5 h3{
  margin-left:3.54vw;
  width:9.27vw ;
}
.contenitore1 .testo6 h3{
  margin-left:4.635vw;
  width: 11.77vw;
}
.contenitore2{
  height:11.458vw;
}
.contenitore2 .testo1{
  margin-left: 6.666vw;
  font-weight: 700;
  
}
.contenitore2 h3{
  font-weight: 400;
}
.contenitore2 .testo2 h3{
  margin-left: 3.333vw;
  width:11.77vw ;
}
.contenitore2 .testo3 h3{
  margin-left: 2.083vw;
  width:12.343vw ;
}
.contenitore2 .testo4 h3{
  margin-left: 1.51vw;
  width:12.395vw ;
}
.contenitore2 .testo5 h3{
  margin-left: 0.885vw;
  width:11.666vw ;
}
.contenitore2 .testo6 h3{
  margin-left: 2.239vw;
  width:12.656vw ;
}
.contenitore3 .testo1{
  /* margin-left: 2.239vw; */
  width:5.9375vw ;
}
.contenitore3 .testo2 h3{
  /* margin-left: 2.239vw; */
  width:11.77vw ;
}
.contenitore3 .testo3 h3{
  margin-left: 1.354vw;
}
.contenitore3 .testo4 h3{
  /* margin-left: 2.239vw; */
  width:12.447vw ;
}
.contenitore3 .testo5 h3{
  /* margin-left: 2.239vw; */
  width:10.416vw ;
}
.contenitore3 .testo6 h3{
  margin-left: 3.541vw;
  /* width:10.416vw ; */
}
.contenitore4 .testo1{
  margin-left: 5.208vw;
  width: 8.4375vw;
}
.contenitore4 .testo2 h3{
  margin-left: 2.083vw;
  /* width:11.453vw ; */
}
.contenitore4 .testo6 h3{
  margin-left: 2.1875vw;
  /* width:11.453vw ; */
}
.contenitore12 .testo2 h3{
  width: 11.458vw;
  /* margin-left: 2.135vw; */
}
.contenitore12 .testo3 h3{
  width: 11.5625vw;
  margin-left: 2.343vw;
}
.contenitore12 .testo5 h3{
  width: 10.885vw;
  margin-left: 4.270vw;
}
.contenitore12 .testo4 h3{
  width: 9.01vw;
  margin-left: 2.343vw;
}
.contenitore12 .testo6 h3{
  width: 11.55vw;
  margin-left: 3.02vw;
}
.contenitore42 .testo5 h3{
  width: 12.447vw;
  /* margin-left: 3.02vw; */
}
.wrapperPaper{
  display: flex;
  flex-direction: column;
  row-gap: 3.125vw;
}
.paperWireframes{
  margin-top: 6.354vw;
}
.paperWireframes .paperWireframes1{
  width: 44.01vw;
}
.paperWireframesWKC .paperWireframes1{
  width: 46.458vw;
}
.wrapperImagesMockupWKC .imageMockup1SIDWKC{
  margin-left: 9.427vw;
  width: 30.52vw;
  height:48.854vw ;
}
.wrapperImagesMockupWKC .imageMockup1SIDWKC1{
  margin-left: 0;
  width: 30.52vw;
  height:48.854vw ;
}
.wrapperImagesMockupWKC .imageMockup1SIDWKC img{
  width: 17.656vw;
  height: 38.125vw;
}
.wrapperImagesMockupWKC .frecciaMockWKC{
  margin: 0 5.677vw 0 5.677vw;
}
.wrapperImagesMockupWKC .imageMockup1SIDWKC1 img{
  width: 17.656vw;
  height: 38.125vw;
}
.wrapperKeyMock .wrapperSCLKeyMockWKC{
  width:86.302vw ;
  height:44.739vw ;
}
.wrapperKeyMock .wrapperSCLKeyMockWKC{
  display: flex;
  /* flex-direction: row; */
  align-items:center;
  justify-content:normal;
  column-gap: 2.708vw;
}
.sclLowKeyMock1WKC{
  height:34.322vw ;
  width:15.833vw;
}
.sclLowKeyMock1WKC:first-child{
  margin-left: 9.247vw;
}
.wrapperPaperWire{
  width: 86.302vw;
  height: 62.656vw;
  background-color:rgba(44, 49, 58, 1) ;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 4.01vw;
}
.wrapperPaperWire img{
  width:35.52vw ;
  height:25.156vw ;
}
.wrapperPaperWire1{
  display: flex;
  column-gap: 3.645vw;
}
.wrapperPaperWire2{
  display: flex;
  column-gap: 3.645vw;
}
.wrapperDigitalWire{
  height: 55.4687vw;
  align-items:normal;
  row-gap: 0;
}
.wrapperDigitalWire1{
  column-gap: 0;
}
.wrapperDigitalWire1 img{
  width: 39.166vw;
  height: 21.979vw;
  margin-left: 6.6145vw;
}
.circonfDigital{
  width: 0.78125vw;
  height:0.78125vw ;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  top: 50%;
  margin-left: 1.979vw;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
}
.conettoreCirconfDigital{
  border-top: 3px solid white;
  position: relative;
  /* top:47%; */
  left: 99%;
  width: 4.21875vw;
}
.testoDigital1{
  margin-left: 5.2604vw;
  /* margin-left: 1.458vw; */
  width: 11.7vw;
  align-self: center;
}
.testoDigital1 h3{
  font-family: 'Inter', sans-serif;
    font-size: 1.041vw;
    line-height: 1.822vw;
    font-weight: 400;
    /* margin-left: 7.031vw; */
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0;
}
.wrapperTestoDigital2{
  /* align-self: flex-end; */
  display: flex;
  flex-direction: column;
}
.testoDigital2{
  margin-left: 3.489vw;
  width: 14.531vw;
  margin-top: 9.479vw;
}
.circonfDigital2{
  margin-left: 0;
  align-self: flex-end;
  margin-right: 6.510vw;
  position: relative;
  top: 5vw;
  display: flex;
  flex-direction: row;
  /* align-items:; */
  justify-content:center;
}
.conettoreCirconfDigital2{
  position: relative;
  /* right: 47%; */
  /* top: -100%; */
  top: -4.21875vw;
  border-right: 3px solid white;
  height: 4.21875vw;
}
.wrapperDigitalWire2{
  display: flex;
  position: relative;
  justify-content:flex-end;
  width: 100%;
}
.wrapperDigitalWire2 .sclDigitalWireframe2{
  width: 39.166vw;
    height: 21.979vw;
    margin-right: 5vw;
    margin-top: 4.010vw;
}
.wrapperTestoDigital31{
  margin-top: 1.25vw;
  display: flex;
  flex-direction: column;
}
.circonfDigital3{
  align-self: flex-end;
  margin-right: 9.322vw;
  width: 0.78125vw;
  height: 0.78125vw;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.wrapperTestoDigital32{
  margin-top: 6.666vw;
}
.conettoreCirconfDigital3{
  border-right: 3px solid white;
  position: relative;
  /* right: 47%; */
  top: 100%;
  height: 4.21875vw;
}
.testoDigital3{
  margin-top: 5vw;
  width: 15.20vw;
  align-self: flex-end;
  margin-right: 2.135vw;
}
.testoDigital3 h3{
  font-family: 'Inter', sans-serif;
    font-size: 1.041vw;
    line-height: 1.822vw;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0;
}
.wrapperTestoDigital32{
  display: flex;
}
.testoDigital32{
  width: 14.3vw;
  margin-right: 4.322vw;
}
.testoDigital32 h3{
  font-family: 'Inter', sans-serif;
    font-size: 1.041vw;
    line-height: 1.822vw;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0;
}
.circonfDigital32{
  margin-right: 0.833vw;
  align-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: center; */
}
.conettoreCirconfDigital32{
  border-top:  3px solid white;
  position: relative;
  /* top: 47%; */
  /* right: 4.21875vw; */
  right: 300%;
  width: 4.21875vw;
}
.testoDigital4{
  width: 15.20vw;
  margin-top: 5vw;
}
.testoDigital4 h3{
  font-family: 'Inter', sans-serif;
  font-size: 1.041vw;
  line-height: 1.822vw;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
}
.circonfDigital4{
  width: 0.78125vw;
    height: 0.78125vw;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 1);
    /* position: relative; */
    margin-left: 9.375vw;
    margin-top: 1.25vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.conettoreCirconfDigital4{
  border-right: 3px solid white;
    position: relative;
    /* right: 47%; */
    right: 0;
    /* align-self: center; */
    /* justify-self: center; */
    top: 100%;
    height: 4.21875vw;
    /* width: 4.21875vw; */
}
.wrapperTestosclDiWIf31{
  display: flex;
  margin-top: 3.020vw;
}
.wrapperTestosclDiWIf31 .circonfDigital{
  align-self: center;
}
.wrapperTestosclDiWIf31 .testoDigital1{
  width: 16.09vw;
}
.wrapperTestosclDiWIf32{
  margin-top: 6.25vw;
}
.wrapperTestosclDiWIf31 .testoDigital1DiWi1{
  width: 18.020vw;
}
.wrapperTestoDigitalWi32{
  margin-top: 16.5626vw;
}
.testoDigitalWi32{
  width: 20.31vw;
}
.testoDigitalWi4{
  width: 18.281vw;
}
.wrapperTestoDigitalWi4{
  position: relative;
  margin-right:-7.9166vw ;
}
.wrapperSCLPrototype{
  margin-top:3.125vw ;
}
.wrapperPaperWire .sclLowPrototype{
  width:71.145vw;
  height:48.28vw ;
}
.usuabilityS{
  margin-top: 3.541vw;
}
.wrapperUsuability{
  display: flex;
  flex-direction: column;
  row-gap: 0.781vw;
}
.usuabilityS1{
  margin-top: 2.708vw;
}
.wrapperImagesMockup{
  display: flex;
  margin-top: 3.125vw;
}
.imageMockup1{
  width: 35.937vw;
  height: 50.885vw;
  background-color:rgba(44, 49, 58, 1) ;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 6.718vw;
  /* justify-content: center; */
}

.imageMockup1 h3{
  font-family: 'Inter', sans-serif;
    font-size: 1.041vw;
    font-weight: 700;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 1);
    margin-top: 1.5625vw;
}

.imageMockup1 img{
  width: 32.5vw;
  height: 40.26vw;
  margin-top: 3.645vw;
}
.imageMockup2{
  width: 35.937vw;
  height: 71.875vw;
  background-color:rgba(44, 49, 58, 1) ;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 3.02vw;
}
.imageMockup2 img{
  width:32.5vw ;
  height: 61.25vw;
  margin-top: 3.645vw;
}
.imageMockup2 h3{
  margin-top: 1.5625vw;
  font-family: 'Inter', sans-serif;
  font-size: 1.041vw;
  font-weight: 700;
  margin-bottom: 0;
  color: rgba(255, 255, 255, 1);
}
.frecciaMock{
  width:1.666vw ;
  height: 1.666vw;
  margin-left: 3.02vw;
  align-self: center;
}
.mockupIeration2{
  margin-top: 5.208vw;
}
.imageMockup1Iter2{
  height: 28.958vw;
  width: 35.9375vw;
  display: flex;
  /* align-items: flex-end; */
  flex-direction: column;
}
.imageMockup1Iter2 img {
  width:32.5vw;
  height:18.33vw ;
  /* margin-top: 0; */
}
.journeryMaps2{
  margin-top: 5.2083vw;
}
.wrapperSCLKeyMock{
  margin-top:2.708vw ;
  width: 86.302vw;
    height: 62.656vw;
    background-color: rgba(44, 49, 58, 1);
    display: flex;
    flex-direction: row;
    justify-content:center;
  height:78.333vw;
  column-gap: 4.635vw;
}
.wrapperSCLKeyMock1{
  display: flex;
  flex-direction: column;
  row-gap: 3.125vw;
  margin-top: 5.208vw;
}
.wrapperSCLKeyMock1, .wrapperSCLKeyMock4{
  width: 34.843vw;
  height: 19.6875vw;
}
.wrapperAcc{
  margin-top: 6.354vw;
}
.wrapperTakeWays{
  margin-top: -1.0416vw;
}
.persGoalsTakeWay{
  height: 23.645vw;
  display: flex;
  justify-content: center;
}
.persGoalsTakeWay1 h3{
  width: 16.145vw;
  margin-left: 0;
}
.persGoalsNextStep{
  height: 14.53125vw
}
.footerSCL{
  position: relative;
  display: flex;
  margin-top: 15.1041vw;
  /* flex-direction: column; */
}
.footerSCL .textA {
  display: flex;
  /* column-gap: 3.489vw; */
  column-gap: 2.083vw;
  height: fit-content;
}
.footerSCL .textA p{
  margin-bottom: 0;
    font-family: 'Inter', sans-serif;
    font-size: 1.041vw;
    line-height: 1.822vw;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
}
.footerSCL .footAboutMe h3{
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
  font-size: 0.937vw;
  line-height: 1.822vw;
  font-weight: 100;
  color: rgba(255, 255, 255, 0.8);
  /* margin-top: 3.645vw; */
  margin-top: 4.166vw;
}
.footerSCL .nav2A{
  display: flex;
  column-gap: 3vw;
}

/* SID ------------------------------- */
.contenitore1sid .testo2 h3{
  margin-left: 4.2708vw;
  width: 11.4065vw;
}
.contenitore1sid .testo5 h3{
  width: 12.395vw;
}
.contenitore1sid .testo6 h3{
  margin-left: 1.51vw;
}
.contenitore4sid .testo5 h3{
  width: 12.395vw;
}
.contenitore12Sid .testo6 h3{
  width: fit-content;
}
.testoDigital2SID{
  margin-top: 7.916vw;
}
.imageMockup1SID, .imageMockup2SID{
  height:44.947vw ;
}
.imageMockup1SID img{
  height: 34.322vw;
}
.imageMockup2SID img{
  height: 34.322vw;
}
.mockupIeration2SID .paperWireframes1{
  width:55.208vw ;
}
.imageMockup1Iter2SID{
  height:44.947vw ;
}
.imageMockup1Iter2SID img{
  height: 34.322vw;
}
.conettorePrincipaleSID{
  /* height: 1034vw; */
  height: 1030vw;
}
.conettorePrincipaleWKC{
  height: 976.5vw;
}
/* PROVAA --------------------*/
.collapse{
  /* visibility: hidden; */
  transition: 0.4s;
}
.card {
  background-color: aliceblue;
  /* display: none; */
  position: absolute;
  /* top: 80px; */
  /* top: 10.41vw; */
  z-index: 1;
  width: 100%;
  left: 0;
  /* height: 100vh; */
  /* height: 115.79vw; */
  height: 87.37vh;
  background-color: transparent;
  /* visibility: hidden; */
  /* transition: 0.4s; */
  border: none;
}
.card1{
  /* border: 1px solid red; */
  height: 92.19248vh;
}
.list-responsive{
  /* display: none; */
  visibility: hidden;
}
.wrapperCirconf img{
  display: none;
}


/* ClassiNON PRESENTI -- */
.prodotto1Tab, .sclPers1Tab, .riga1Tab, .journeyMaps1Tab, .tabWrapperJourney,
.wrapperDigitalWireFrameTab, .tabWrapperMockups, .tabProdotto1 {
  display: none;
}
/* wkc Classi Non presenti  */
.frecciaMockDxSxTab, .frecciaMockSuGiuMob, .wrapperTestoDigital3Tab, .sclDigitalWireframe2Tab{
  display: none;
}
.wrapperTestoDigital4Tab{
  display: none;
}
.wrapperPaperWireMob{
  display: none;
}

/* WORKCLOUD -------- */
/* .wkcDigitalWireText1 .filettoPallinaWKC{
  width:4.218vw ;
  height: 0.7812vw;
} */
.wkcDigitalWireTextProva{
  display: flex;
  flex-direction: row;
  width: fit-content;
}
.wkcDigitalWireTextProva .testoDigital1 h3{
  margin-left: -3.6041vw;
}
.wkcDigitalWireTextProva .circonfDigital{
  transform: rotate(180deg);
  margin-left: 0.5041vw;
}
.wrapperDigitalWire1WKCdx .imageDGProva{
  margin-left: 2.6041vw;
}

.persGoals1Work h3{
  width: 17.968vw;
}
.contenitore1WorkC .testo2 h3{
  width:11.458vw ;
}
.contenitore1WorkC .testo3 h3{
  width:11.927vw ;
  margin-left: 2.343vw;
}
.contenitore1WorkC .testo4 h3{
  width:11.718vw ;
  margin-left: 1.927vw;
}
.contenitore1WorkC .testo5 h3{
  width:11.666vw ;
  margin-left: 0.885vw;
}
.contenitore1WorkC .testo6 h3{
  width:13.489vw ;
  margin-left: 2.239vw;
}
.wrapperPaperWireWKC{
  height: 42.81vw;
}
.wrapperPaperWire1WKC{
  column-gap: 2.656vw;
}
.wrapperPaperWire1WKC img{
  width: 15.989vw;
  height: 32.395vw;
}
.wrapperDigitalWireWKC{
  height: 43.02vw;
  display: flex;
  flex-direction: row;
  justify-content: normal;
  align-items: center;
}
.wrapperDigitalWire1WKC img{
  width:15vw ;
  height:32.395vw ;
  /* margin-left: 7.135vw; */
}
.wkcDigitalWireText{
  display: flex;
  flex-direction: column; 
}
.wkcDigitalWireText1 {
  margin-top: 4.322vw;
}
.wkcDigitalWireText2{
  margin-top: 5.364vw;
}
.wkcDigitalWireText2 h3{
  width:12.65vw ;
}
.wkcDigitalWireText1dx{
  /* margin-top: 0; */
}
.wrapperDigitalWire1WKCdx img{
  margin-left: 3.958vw;
}
.wkcDigitalWireText2dx{
  margin-top: 6.77vw;
  /* display: flex;
  flex-direction: column; */
}
.wkcDigitalWireText2dx2{
  margin-top:13.177vw ;
}
.wkcDigitalWireText .testoDigital1{
  margin-left: 8.385vw;
}
.learnLink{
  text-decoration: none;
}

@media screen and (max-width:1023px) {
  .wrapperTestoDigital4Tab, .wrapperTestoDigital3Tab, .sclDigitalWireframe2Tab{
    display: block;
  }


  .container-header{
      display: block;
    }
    .conettoreVer{
      display: none;
    }
    .list {
      display: none;
    }
    .list-responsive{
      display: flex;
      flex-direction: column;
      visibility: visible;
      width: 100%;
      height: 100vh;
      /* height: 86.37vh; */
      /* height: 55.79vw; */
      margin-left: 0;
      /* justify-content: center; */
      /* margin-top: 36.9791vw; */
      margin-top: 27.7343vh;
      row-gap: 30px;
      /* margin-top: 0; */
      /* align-items: center; */
    }
    .list-responsive li{
      align-self: center;
      /* justify-content: center; */
      font-family: 'Major Mono Display' , sans-serif;
      font-size:28px ;
    }
    .card{
      background-color: rgba(29, 29, 32, 1);
      /* transition-delay: 0.5s; */
      transition: 0.5s;
      position: absolute;
      /* top: 10.41vw; */
      top: 13.020vw;
      padding: 0;
  
    }
    .navName1{
      font-size: 28px;
    }
    .wrapperHeader{
      /* display: block; */
      background-image: url('/images/headerTablet.svg');
      width: 100%;
      height: 13.02vw;
      /* height: 9.765vh; */
      background-repeat: no-repeat;
      background-size: cover;
      /* z-index: 1; */
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .navi{
      /* box-shadow: inset 0px 25px 25px rgba(49, 63, 94, 1);
      display: flex;
      justify-content: center; */
    }
    .button{
      /* visibility: visible; */
      display: block;
      cursor: pointer;
      /* margin-top: 50px; */
      /* margin-top: 6.51vw; */
      background-color: transparent;
      height: 30px;
      width: 40px;
      position: relative;
      display: flex;
    }
    .icon{
      display: flex;
      flex-direction: column;
      row-gap: 6px;
      align-items: center;
      width: 28px;
      position: relative;
      margin: auto;
      transition: 0.5s;
    }
    .icon2{
      /* width: 100%; */
      transform: scaleX(1);
      transition: 0.5s;
    }
    .icon1{
      transition: 0.5s;
    }
    .icon3{
      transition: 0.5s;
    }
    .button.active .icon2{
      /* transform: translateY(0); */
      transform: scaleX(0);
    }
    .button.active .icon1{
      transform: rotate(-45deg) translate(-6px, 5px);
      transition: 0.5s;
    }
    .button.active .icon3{
      transform: rotate(45deg) translate(-6px, -5px);
      transition: 0.5s;
    }
    .icon span{
      /* position: absolute; */
      display: block;
      top: 0;
      background-color: white;
      height: 2px;
      width: 100%;
      left: 0;
      /* border-radius: 3px; */
    }
    .menuFisso{
      /* border: 1px solid red; */
      height: 13.020vw;
      position: fixed;
      top: 0;
      width: 100vw;
      /* width: 100%; */
      background-color: rgba(29, 29, 32, 1);
      z-index: 1;
    }
    ul{
      line-height: 3.5vw;
    }

    main{
      /* border: 1px solid blue; */
      position: relative;
      margin-top: 14.322vw;
    }
    .togliere{
      display: none;
      animation-name: toglieSmoot;
      animation-duration: 0.5s;
      /* visibility:hidden; */
      /* transition: 3s; */
      /* visibility: hidden; */
      /* margin-top: 1000px; */
    }
    .tabtitoloPrincipale{
      height: 11.718vw;
      justify-content: center;
    }
    .tabtitoloPrincipale h1{
      font-size: 5.208vw;
      margin: 0;
    }
    .wrapperProdutto{
      margin-top: 7.421vw;
      /* height: 3.385vw; */
    }
    .wrapperCirconf1Tab{
      height: fit-content;
      align-items: center;
    }
    .wrapperCirconf1Tab h3{
      font-size: 2.213vw;
      margin-right: 2.604vw;
    }
    .circonf1{
      width: 3.385vw;
      height: 3.385vw;
      margin-right: 4.817vw;
    }
    .prodotto1Tab{
      display: block;
      margin-top: 4.817vw;
    }
    .prodotto1Tab h3{
      width: 51.614vw;
    font-family: 'Inter', sans-serif;
    font-size:2.213vw ;
    line-height: 3.906vw;
    font-weight: 400;
    margin-left: 7.031vw;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.8);
    width: 69.661vw;
    margin-left: 6.510vw;
    margin-top: 4.817vw;
    }
    .prodotto12Tab h3{
      width: 69.661vw;
      margin-left: 6.510vw;
      margin-top: 3.906vw;
    }
    .prodotto1 h3{
      font-size:2.213vw ;
      line-height: 3.906vw;
      /* width: 69.661vw; */
    }
    .conettorePrincipale{
      height: 2121.579vw;
    }
    .conettorePrincipaleSID{
      height: 2187vw;
    }
     .conettorePrincipaleWKC{
      height: 1785.579vw;
    }
    .userResearchTab{
      margin-top: 6.5104vw;
      row-gap: 0;
    }
    .prodotto:first-child{
      display: flex;
      row-gap: 0;
    }
    .tabProdotto1{
      display: block;
      margin-top: 4.187vw;
    }
    .painPoints1{
      margin-top: 1.5625vw;
      width: 86.979vw;
      height: 11.718vw;
    }
    .painPoints1Tab{
      height: 15.625vw;
    }
    .painPoints1 h3{
      font-size: 2.213vw;
    line-height: 3.906vw;
    width: 65.494vw;
    }
    .painPoints1 span {
      font-size: 3.906vw;
    }
    .tabProdotto12{
      margin-top:3.906vw ;
    }
    .riga1{
      display: flex;
      /* flex-direction: column; */
      flex-direction: column-reverse;

    }
    .riga1 .col1{
      display: flex;
      flex-direction: row-reverse;
      justify-content:left;
    }
    .col1TabPers1{
      margin-top: 4.817vw;
    }
    .col1riga h3{
      font-size: 2.213vw;
    }
    .sclPers1Tab{
      display: block;
      width: 10.416vw;
      height: 10.416vw;
      margin-left: 5.859vw;
    }
    .wrapperPersonas{
      margin-top: 0;
    }
    .persona1{
      margin-left: 0;
    }
    .persGoals{
      width: 86.971vw;
    }
    .persGoals h3{
      font-size: 20px;
      /* width: fit-content; */
    }
    .riga1Tab{
      display: block;
    }
    .persGoalsTabVis1{
      height: fit-content;
      padding-left: 5.859vw;
      padding-top: 2.342vw;
      padding-bottom: 3.906vw;
      display: flex;
      flex-direction: column;
      row-gap: 2.604vw;
      margin-top: 3.906vw;
    }
    .persGoalsTabVis1 h3{
      margin-left: 0;
      font-size: 2.213vw;
      line-height: 3.906vw;
      width: 74.218vw;
    }
    .persGoalsTabVis1 .col1rigaTabVis{
      display: flex;
      /* align-items: flex-start; */
      flex-direction: row;
      padding: 0;
      margin: 0;
      /* flex-direction: column; */
    }
    .col1rigaTabVis .frecciaSu{
      width: 2.604vw;
      height: 2.604vw;
    }
    .col1rigaTabVis span{
      font-weight: 700;
      color: rgba(255, 255, 255, 1);
    }
    .persGoalsTabVis12{
      margin-top: 5.208vw;
    }
    .journeyMaps1Tab{
      display: block;
    }
    .wrapperJourneryMaps{
      height: fit-content;
      /* border: 1px solid blue; */
    }
    .journeryMaps2{
      margin: 0;
    }
    .tabWrapperJourney{
      display: flex;
      column-gap:5.208vw ;
      margin-top: 4.817vw;
    }
    .tabWrapperJourney1{
      width: 40.885vw;
      height: 21.484vw;
      background-color:rgba(44, 49, 58, 1) ;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-top: 20px;
    }
    .tabWrapperJourney1 h3{
      width: 26.692vw;
      font-size: 2.213vw;
    line-height: 3.906vw;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.8);
    }
    .tabWrapperJourney1 span{
      font-weight: 700;
      color: rgba(255, 255, 255, 1);
    }
    .tabWrapperJourney1 img{
      margin-top: 2.604vw;
      width: 3.252vw;
      height: 3.252vw;
    }
    .prodotto1Tab span{
      font-weight: 700;
      color: rgba(255, 255, 255, 1);
    }
    .wrapperPaperTab{
      row-gap: 4.947vw;
    }
    .prodotto1Tab1 h3{
      margin-top: 0;
    }
    .wrapperPaperWireTab{
      width:86.979vw ;
      height:63.02vw ;
    }
    .wrapperPaperTabDigital{
      row-gap: 0;
    }
    .prodotto1Tab1Digital{
      margin-top: 4.817vw;
    }
    .wrapperDigitalWireFrameTab{
      display:flex ;
      flex-direction: column;
      row-gap: 7.8125vw;
      margin-top: 4.8177vw;
    }
    .wrapperDigitalWireFrameTab1{
      background-color:rgba(44, 49, 58, 1) ;
      width:86.979vw ;
      height:84.765vw ;
      display: flex;
      flex-direction: column;
      align-items: center;
      /* justify-content: center; */
      row-gap: 3.906vw;
    }
    .wrapperDigitalWireFrameTab1 img{
      height:41.796vw ;
      width: 73.958vw;
      margin-top: 5.208vw;
    }
    .wrapperDigitalWireFrameTab1 h3{
      margin-left: 6.510vw;
      font-family: 'Inter', sans-serif;
    font-size: 2.213vw;
    line-height: 3.906vw;
    font-weight: 400;
    align-self: flex-start;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.8);
    width: 69.661vw;
    }
    .wrapperDigitalWireFrameTab2{
      height: 74.34vw;
    }
    .wrapperDigitalWireFrameTab3{
      height: 88.671vw;
    }
    .wrapperDigitalWireFrameTab4{
      height: 67.83vw;
    }
    .tabWrapperJourney1Maps{
      width: 86.979vw;
      height:17.578vw ;
      margin-top: 4.817vw;
    }
    .tabWrapperJourney1Maps h3{
      width: fit-content;
      align-self: flex-start;
      margin-left: 6.51vw;
    }
    .usuabilitySTab{
      margin-top: 6.51vw;
    }
    .wrapperUsuabilityTab{
      row-gap: 0;
    }
    .painPoints1Tab1{
      margin-top: 2.604vw;
      height: 7.8125vw;
    }
    .usuabilityS1Tab{
      margin-top: 5.208VW;
    }
    .painPoints1Tab11{
      height: 7.8125vw;
    }
    .painPoints1Tab1 h3{
      width: fit-content;
    }
    .tabWrapperMockups{
      display: flex;
      flex-direction: column;
      row-gap: 3.906vw;
      margin-top: 5.208vw;
    }
    .tabWrapperMockups .imageTabFrescciasugiu{
      width: 4.296vw;
      height: 2.864vw;
      /* align-self: center; */
      margin-left: 41.276vw;
    }
    .tabMockups1{
      background-color: rgba(44, 49, 58, 1);
      width: 86.979vw;
      height: 105.468vw;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .tabMockups1 h3{
      font-family: 'Inter', sans-serif;
    font-size: 2.213vw;
    line-height: 3.906vw;
    font-weight: 700;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 1);
    margin-top: 2.604vw;
    /* text-align: center; */
    }
    .tabMockups1 img{
      width: 72.395vw;
      height: 89.343vw;
      margin-top: 3.906vw;
    }
    .mockupIeration2Tab{
      margin-top: 6.51vw;
    }
    .mockupIeration2Tab .paperWireframes1{
      width: 69.961vw;
    }
    .tabMockups12{
      height: 56.510vw;
    }
    .tabMockups12 img{
      height:40.885vw ;
    }
    .nextPiu{
      margin-left: 42.578vw;
      margin-top: 2.604vw;
      margin-bottom: 2.604vw;
    }
    .persGoalsTabVisNext{
      margin-top: 0;
    }
    .tabPaperWireframes{
      margin-top: 3.906vw;
    }
    .footerSCL{
      margin-top: 22.135vw;
    }
    .footerUITab{
      margin: 0;
      position: absolute;
      z-index: 3;
      bottom: 2vh;
      /* margin-left: 39.322vw; */
    }
    .footerSCL .tabFootAboutMe h3{
      font-size: 1.302vw;
      width: 21.354vw;
      text-align: center;
    }

    /* ClassiNONPRESENTI tab */
    .prodotto1Desk, .sclPers1, .col1rigaTab, .journeyMap, .wrapperContenitoreDesk,
    .wrapperDigitalWire, .wrapperSCLPrototypeTab, .wrapperImagesMockupTab{
      display: none;
    }
    .wrapperKeyMock .wkcKeyUpsTab{
      display: none;
    }
    /* WKC Classi non Presenti  */
    .wrapperImagesMockupWKCiter, .frecciaMockDxSxDesk{
      display: none;
    }

    .footerSCL .textADesk{
      display: none;
    }
    .riga1 .col1Desk{
      display: none;
    }

    /* TABSID */
    .painPoints1SID h3{
      width: 71.484vw;
    }
    .persGoalsTabVis1SID h3{
      /* width: fit-content; */
    }
    .tabMockups12SID{
      height:91.796vw ;
    }
    .tabMockups12SID img{
      height: 76.432vw;
    }

    /* WORKCLOUD  */
    .wrapperPaperWire1WKC img{
      width:17.057vw ;
      height: 34.505vw;
    }
    .tabWrapperImageMock{
      background-color: rgba(44, 49, 58, 1);
      width: 86.979vw;
      height: 82.552vw;
      display: flex;
      flex-direction: row;
      justify-content: center;
    }
    .tabWrapperImageMock .tabWrapperImageMock1{
      /* margin-left: 6.38vw; */
      margin-left: 0;
    }
    .tabWrapperImageMock .tabWrapperImageMock1 img{
      height: 67.057vw;
      width: 30.989vw;
      /* margin-left: 0px; */
    }
    .frecciaMockDxSxTab{
      display: block;
      width: 2.864vw;
      height: 4.427vw;
    }
    .tabWrapperImageMock1 h3{
      font-size: 2.213vw;
      margin-top: 3.906vw; 
    }
    .mockupIeration2 .paperWireframes1Tab{
      width: 69vw;
    }
    .wrapperDigitalWireFrameTab1WKC{
      height:57.291vw ;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
    }
    .wrapperDigitalWireFrameTab1WKC img{
      width:21.875vw ;
      height: 46.785vw;
      margin-left: 13.02vw;
    }
    .wrapperDigWire1Testo{
      height: 100%;
      display: flex;
      flex-direction: column;
    }
    .wrapperDigWire1Testo h3{
      width: fit-content;
    }
    .wrapperDigWire1Testo h3:first-child{
      margin-top: 16.276vw;
      width: 28.125vw;
    }
    .wrapperDigWire1Testo h3:nth-child(2){
      margin-top: 7.8125vw;
      width: 28.125vw;
    }
    .wrapperDigWire1Testo1 h3:nth-child(1){
      margin-top: 6.119vw;
      width: 37.369vw;
    }
    .wrapperDigWire1Testo1 h3:nth-child(2){
      margin-top: 1.302vw;
      width: 37.369vw;
    }
    .wrapperDigWire1Testo1 h3:nth-child(3){
      margin-top: 5.208vw;
      width: 37.369vw;
    }
    .wrapperDigWire1Testo2 h3:nth-child(1){
      margin-top: 14.973vw;
      width: 38.807vw;
    }
    .wrapperDigWire1Testo2 h3:nth-child(2){
      margin-top: 5.208vw;
      width: 38.807vw;
    }
    .wrapperDigWire1Testo3 h3:nth-child(1){
      margin-top: 15.755vw;
      width: 38.807vw;
    }
    .wrapperDigWire1Testo3 h3:nth-child(2){
      margin-top: 5.208vw;
      width: 38.807vw;
    }
  }

 @media screen and (max-width:600px){
  .list-responsive{
    margin-top: 27.3696vh;
  }
  .card{
      position: absolute;
      /* top: 0;  */
      /* top: 18.1vw; */
      top: 25.641vw;
      /* top: 22.3vw; */
      /* top: 10.3vh; */
      /* height: auto; */
      height: 85.18vh;
      /* height: 84.7vh; */
      padding: 0;
    }
    .card1{
      /* border: 1px solid blue; */
      height:91.62772vh;
    }
  .navName1{
    font-size: 20px;
  }
  .wrapperHeader{
    height: 25.641vw;
  }
  .button{
    /* margin-top:11.53vw ; */
    height: 26px;
  width: 38px;
  }

  /* MobileSCL-- */
  .menuFisso{
    height: 25.641vw;
  }
  main{
    /* margin-top: 28.205vw; */
    margin-top: 31.794vw;
  }
  .mobileTitoloPrincipale{
    height:15.897vw ;
  }
  .mobileTitoloPrincipale h1{
    font-size: 8.20vw;
  }
  .circonf1{
    width:3.846vw ;
    height: 3.846vw;
  }
  .prodotto1{
    margin-top: 5.384vw;
    /* margin-top: 0; */
  }
  .prodotto1 h3{
    font-size: 3.589vw;
    line-height: 5.641vw;
    margin-left: 11.538vw;
  }
  .personasMob{
    margin-top: 14.358vw;
  }
  .prodotto1Tab h3{
    font-size: 3.589vw;
    line-height: 5.641vw;
    margin-left: 11.538vw;
    margin-top:0 ;
  }
  .prodotto12Tab h3{
    margin-top:5.128vw ;
  }
  .userResearchTab {
    margin-top: 14.358vw;
  }
  .painPoints1 {
    margin-top: 3.333;
    width: 89.471vw;
    height: 30.512vw;
  }
  .painPoints1 h3 {
    font-size: 3.589vw;
    line-height: 5.641vw;
    margin-left: 11.538vw;
    width: 64.102vw;
 }
 .painPoints1 span {
  font-size: 7.692vw;
  margin-right: 6.666vw;
  }
  .col1TabPers1 {
    margin-top: 5.384vw;
  }
  .sclPers1Tab {
    /* display: block; */
    width: 16.666vw;
    height: 16.666vw;
    margin-left: 11.53vw;
  }
  .col1riga h3 {
    font-size: 3.589vw;
  }
  .persGoalsTabVis1 {
    height: fit-content;
    padding-left: 11.53vw;
    padding-top: 5.342vw;
    padding-bottom: 3.906vw;
    display: flex;
    flex-direction: column;
    row-gap: 2.604vw;
    margin-top: 5.128vw;
  }
  .persGoalsTabVis1 h3 {
    margin-left: 0;
    font-size: 3.589vw;
    line-height: 5.641vw;
    width: 64.102vw;
  }
  .col1rigaTabVis .frecciaSu {
    width: 4.615vw;
    height: 4.615vw;
  }
  .col1riga {
    /* display: flex; */
    column-gap: 3.076vw;
  }
  .wrapperJourneryMaps {
    margin-top: 13.846vw;
  }
  .journeyMapsTab1{
    margin-top: 0;
  }
  .tabWrapperJourney {
    margin-top: 5.384vw;
    display: flex;
    flex-direction: column;
    row-gap: 5.128vw;
    /* column-gap: 5.208vw; */
  }
  .tabWrapperJourney1 {
    width: 89.487vw;
    height: 36.923vw;
    padding-top: 5.128vw;
  }
  .tabWrapperJourney1 h3 {
    width: 61.282vw;
    font-size: 3.589vw;
    line-height: 5.641vw;
  }
  .tabWrapperJourney1 img {
    margin-top: 3.333vw;
    width: 6.41vw;
    height: 6.41vw;
  }
  .prodotto1Tab {
    display: block;
    margin-top: 0;
  }
  .wrapperPaperWireTab {
    width: 89.487vw;
    height: 281.794vw;
    row-gap: 11.282vw;
  }
  .wrapperPaperWire1 {
    display: flex;
    flex-direction: column;
    row-gap: 11.282vw;
    /* column-gap: 3.645vw; */
  }
  .wrapperPaperWire2 {
    display: flex;
    flex-direction: column;
    row-gap: 11.282vw;
    /* column-gap: 3.645vw; */
  }
  .wrapperPaperWire img {
    width: 80vw;
    height: 56.666vw;
  }
  .prodotto1Mobile{
    margin-top: 5.384vw;
  }
  .wrapperDigitalWireFrameTab1 {
    width: 86.979vw;
    height: 128.261vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    row-gap: 5.384vw;
  }
  .wrapperDigitalWireFrameTab1 h3 {
    margin-left: 13.589vw;
    font-size: 3.589vw;
    line-height: 5.641vw;
    width: 62.564vw;
  }
  .wrapperDigitalWireFrameTab2{
    height: 107.692vw;
  }
  .wrapperDigitalWireFrameTab3{
    height:122.82vw;
  }
  .wrapperDigitalWireFrameTab4{
    height:92.564vw;
  }
  .paperWireframesMob{
    margin-top: 14.358vw;
  }
  .tabWrapperJourney1MapsMob{
    margin-top: 0;
  }
  .tabWrapperJourney1MapsMob h3{
    margin-left: 11.538vw;
  }
  .prodotto1Tab1Mob{
    margin-top: 5.384vw;
  }
  .usuabilityMob{
    margin-top: 10.256vw;
  }
  .painPoints1Mob11{
    margin-top: 5.128vw;
    height: 13.589vw;
  }
  .painPoints1Tab1{
    margin-top: 5.128vw;
    height: 13.589vw;
  }
  .tabMockups1 {
    width: 89.487vw;
    height: 124.871vw;
  }
  .tabMockups1 h3{
    font-size: 3.589vw;
    margin-top: 4.615vw;
  }
  .tabMockups1 img{
    width: 78.974vw;
    height: 97.948vw;
    margin-top: 7.692vw;
  }
  .tabWrapperMockups .imageTabFrescciasugiu {
    width: 7.179vw;
    height: 4.615vw;
    /* align-self: center; */
    /* margin-left: 41.276vw; */
  }
  .tabMockups12Mob{
    height: 175.641vw;
  }
  .tabMockups12Mob img{
    height: 148.71vw;
  }
  .tabMockups12Mob1{
    height:71.538vw ;
  }
  .tabMockups12Mob1 img{
    height: 44.615vw;
  }
  .tabProdotto1Mob h3{
    width: fit-content;
  }
  .persGoalsTabVis1Mob{
    height: 72.051vw;
  }
  .persGoalsTabVis12Mob{
    margin-top: 14.102vw;
  }
  .persGoalsTabVis1Mob1{
    height: 43.846vw;
  }
  .persGoalsTabVisNext{
    margin-top: 0;
  }
  .prodotto1Tab1Mobi1{
    margin-top: 5.384vw;
  }
  .footerSCL {
    margin-top: 30.735vw;
  }
  .footerSCL .tabFootAboutMe h3 {
    font-size: 2.564vw;
    line-height: 3.846vw;
    width:42.051vw ;
  }
  .conettorePrincipale{
    height: 3660vw;
  }
  .conettorePrincipaleSclMob{
    height:3373vw ;
  }
  .conettorePrincipaleSID{
    height: 3364vw;
  }
  .conettorePrincipaleWKC{
    height: 4039vw;
  }

  /* Workcloud  */
  .wrapperPaperWireMob{
    display: block;
    display: flex;
    flex-direction: column;
    row-gap: 10.256vw;
    height:172.307vw ;
  }
  .wrapperPaperWireMob .wrapperPaperWire1WKCMob{
    display: flex;
    flex-direction: row;
    column-gap: 6.923vw;
  }
  .wrapperPaperWireMob .wrapperPaperWire1WKCMob img{
    width: 34.871vw;
    height: 70.769vw;
  }
  .wrapperDigitalWireFrameTab1WKC{
    height: 161.282vw;
    row-gap: 0;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    /* align-items: center; */
  }
  .wrapperDigitalWireFrameTab1WKC img{
    height: 110.512vw;
    width:51.538vw ;
    margin-left: 0;
  }
  .wrapperDigitalWireFrameTab1WKC .wrapperDigWire1Testo h3{
    width: 62.820vw;
    margin-left: 0;
  }
  .wrapperDigitalWireFrameTab1WKC .wrapperDigWire1Testo h3:nth-child(1){
    margin-top:  7.692vw;
  }
  .wrapperDigitalWireFrameTab1WKC .wrapperDigWire1Testo h3:nth-child(2){
    margin-top:  5.128vw;
  }
  .wrapperDigitalWireFrameTab1WKC1{
    height: 198.974vw;
  }
  .wrapperDigitalWireFrameTab1WKC2, .wrapperDigitalWireFrameTab1WKC3{
    height: 172.564vw;
  }
  .painPoints1Mob11Wkc{
    height: 19.23vw;
    /* color: white; */
  }
  .tabWrapperImageMock{
    /* border: 1px solid red; */
    background-color: transparent;
    display: flex;
    flex-direction: column;
    position: relative;
    /* top: 30px; */
    height: fit-content;
    width: fit-content;
    margin-top: 5.128vw;
  }
  .tabWrapperImageMock .tabWrapperImageMock1{
    height: 135.384vw;
    width: 89.487vw;
    /* border: 1px solid blue; */
  }
  .tabWrapperImageMock .tabWrapperImageMock1 img{
    width: 51.282vw;
    height: 110.769vw;
    margin-top: 7.692vw;
  }
  .tabWrapperImageMock .tabWrapperImageMock1 h3{
    font-size: 3.589vw;
  }
  .tabWrapperImageMock .frecciaMockSuGiuMob{
    display: block;
    width: 7.179vw;
    height: 4.871vw;
    margin: 5.384vw 0 5.384vw 0;
  }
  

  /* CLASSI nON PRESENTI-- */
  .wrapperPaperWireTab, .frecciaMockDxSxTab{
    display: none;
  }
}

@media screen and (max-height:595px) {
  .list-responsive {
    /* border: 1px solid red; */
    row-gap: 1.86vw;
    /* height: 88.7vw; */
    /* height: 71.8238vh; */
    margin-top: 0;
    height: 33.1887vw;
    justify-content: center;

  }
  .navName1 {
    font-size: 2.36vw;
    /* line-height: 2.84vw; */
  }
}